{extend name="base" /}
{block name="title"}{$document.title} - 雨情生活智小库{/block}
{block name="keywords"}{$document.keywords}{/block}
{block name="description"}{$document.description}{/block}
{block name="content"}
<div class="col-sm-12" style="margin-bottom: 0px;">
    <div class="breadcrumb" id="place" style="margin-bottom: 0px;line-height: 20px;">
        <div style="padding-top: 2px; padding-right:2px; float: left;">
            <svg t="1615264398461" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1719" width="16" height="16"><path d="M896 522.24V853.333333a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666666a42.666667 42.666667 0 0 1-42.666667-42.666667v-234.666666a21.333333 21.333333 0 0 0-21.333333-21.333334h-213.333334a21.333333 21.333333 0 0 0-21.333333 21.333334V853.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-331.093333a128 128 0 0 1 37.546667-90.453333l291.413333-291.413334a42.666667 42.666667 0 0 1 29.866667-12.373333h50.346666a42.666667 42.666667 0 0 1 29.866667 12.373333l291.413333 291.413334a128 128 0 0 1 37.546667 90.453333z" p-id="1720" fill="#707070"></path></svg>
        </div>
        <div style="float: left;">
            <a href="/">首页</a>&nbsp;&gt;&nbsp;<a href="/cms/index/pages/id/{$document.cid}">{$document.column_name}</a>&nbsp;&gt;&nbsp;正文
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
<div class="col-sm-8" id="leftzw">
    <article class="post">
        <div class="post-head">
            <h1 class="" style="color: #5e5e5e;">{$document.title}</h1>
            <div class="post-meta">
                <span class="author">作者：<a href="javascript:void(0)">{$document.author}</a></span> •
                <time class="post-date" datetime="{$document.create_time|date="Y年m月d日 H时i分s秒",###}" title="{$document.create_time|date="Y年m月d日 H时i分s秒",###}">{$document.create_time|date="Y年m月d日",###}</time>
                <span>来源：<a href="javascript:void(0)">{$document.from}</a></span>
                <span>访问量：{$document.view}</span>
            </div>
        </div>
        <div class="post-content">
            <p class="text-danger">免责声明:本站部分文章由郁友和其它热心网友提供,不能取代专业医疗咨询机构意见.如情况严重,请及时到各地正规机构寻求帮助.</p>
            <p>
                {$document.content|default=""}
            </p>
            <p style="text-align: center;">END</p>
            <p class="text-danger">

                本站部分文章采自网络,若有侵权,请告知我们,QQ:371240164,我们会在第一时间删除.
            </p>
            <script src="/static/jquery/jquery-3.3.1.min.js"></script>

            <script>
                $(document).ready(function (){
                    $(".zhankai").click(function (){
                        $('.yincang').show()
                        $(this).hide()
                    })
                })
            </script>
<!--            <p class="zhankai text-danger-light" style="background-color: #fff;color: #a94442; margin: 0 auto; text-align: center; cursor: pointer; display: flex;align-items: center;justify-content: center; border-radius: 5px;">-->
<!--                <svg t="1638835248335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2301" width="26" height="26"><path d="M533.333333 477.866667L341.333333 285.866667l29.866667-29.866667 162.133333 162.133333L695.466667 256l29.866666 29.866667-192 192z m0 256L341.333333 541.866667l29.866667-29.866667 162.133333 162.133333 162.133334-162.133333 29.866666 29.866667-192 192z" fill="#a94442" p-id="2302"></path></svg>-->
<!--                点击展开加入我们及打赏-->
<!--                <svg t="1638835248335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2301" width="26" height="26"><path d="M533.333333 477.866667L341.333333 285.866667l29.866667-29.866667 162.133333 162.133333L695.466667 256l29.866666 29.866667-192 192z m0 256L341.333333 541.866667l29.866667-29.866667 162.133333 162.133333 162.133334-162.133333 29.866666 29.866667-192 192z" fill="#a94442" p-id="2302"></path></svg>-->
<!--            </p>-->
<!--            <div class="yincang" style="text-align: center;">-->
<!--                <img style="width: 70%; max-width: 300px;" src="/biaoqingbao/$randbiaoqingbao}" class="logo" alt="{$Think.config.web_site_title|default='Dolphin PHP'}">-->
<!--            </div>-->


            <div class="yincang" style="text-align: center;">
                <div style="display: flex; width: 100%; align-items: center;justify-content: center;">
                    <svg t="1653108886737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4043" width="30" height="30"><path d="M511.09761 957.257c-80.159 0-153.737-25.019-201.11-62.386-24.057 6.702-54.831 17.489-74.252 30.864-16.617 11.439-14.546 23.106-11.55 27.816 13.15 20.689 225.583 13.211 286.912 6.767v-3.061z" fill="#FAAD08" p-id="4044"></path><path d="M496.65061 957.257c80.157 0 153.737-25.019 201.11-62.386 24.057 6.702 54.83 17.489 74.253 30.864 16.616 11.439 14.543 23.106 11.55 27.816-13.15 20.689-225.584 13.211-286.914 6.767v-3.061z" fill="#FAAD08" p-id="4045"></path><path d="M497.12861 474.524c131.934-0.876 237.669-25.783 273.497-35.34 8.541-2.28 13.11-6.364 13.11-6.364 0.03-1.172 0.542-20.952 0.542-31.155C784.27761 229.833 701.12561 57.173 496.64061 57.162 292.15661 57.173 209.00061 229.832 209.00061 401.665c0 10.203 0.516 29.983 0.547 31.155 0 0 3.717 3.821 10.529 5.67 33.078 8.98 140.803 35.139 276.08 36.034h0.972z" fill="#000000" p-id="4046"></path><path d="M860.28261 619.782c-8.12-26.086-19.204-56.506-30.427-85.72 0 0-6.456-0.795-9.718 0.148-100.71 29.205-222.773 47.818-315.792 46.695h-0.962C410.88561 582.017 289.65061 563.617 189.27961 534.698 185.44461 533.595 177.87261 534.063 177.87261 534.063 166.64961 563.276 155.56661 593.696 147.44761 619.782 108.72961 744.168 121.27261 795.644 130.82461 796.798c20.496 2.474 79.78-93.637 79.78-93.637 0 97.66 88.324 247.617 290.576 248.996a718.01 718.01 0 0 1 5.367 0C708.80161 950.778 797.12261 800.822 797.12261 703.162c0 0 59.284 96.111 79.783 93.637 9.55-1.154 22.093-52.63-16.623-177.017" fill="#000000" p-id="4047"></path><path d="M434.38261 316.917c-27.9 1.24-51.745-30.106-53.24-69.956-1.518-39.877 19.858-73.207 47.764-74.454 27.875-1.224 51.703 30.109 53.218 69.974 1.527 39.877-19.853 73.2-47.742 74.436m206.67-69.956c-1.494 39.85-25.34 71.194-53.24 69.956-27.888-1.238-49.269-34.559-47.742-74.435 1.513-39.868 25.341-71.201 53.216-69.974 27.909 1.247 49.285 34.576 47.767 74.453" fill="#FFFFFF" p-id="4048"></path><path d="M683.94261 368.627c-7.323-17.609-81.062-37.227-172.353-37.227h-0.98c-91.29 0-165.031 19.618-172.352 37.227a6.244 6.244 0 0 0-0.535 2.505c0 1.269 0.393 2.414 1.006 3.386 6.168 9.765 88.054 58.018 171.882 58.018h0.98c83.827 0 165.71-48.25 171.881-58.016a6.352 6.352 0 0 0 1.002-3.395c0-0.897-0.2-1.736-0.531-2.498" fill="#FAAD08" p-id="4049"></path><path d="M467.63161 256.377c1.26 15.886-7.377 30-19.266 31.542-11.907 1.544-22.569-10.083-23.836-25.978-1.243-15.895 7.381-30.008 19.25-31.538 11.927-1.549 22.607 10.088 23.852 25.974m73.097 7.935c2.533-4.118 19.827-25.77 55.62-17.886 9.401 2.07 13.75 5.116 14.668 6.316 1.355 1.77 1.726 4.29 0.352 7.684-2.722 6.725-8.338 6.542-11.454 5.226-2.01-0.85-26.94-15.889-49.905 6.553-1.579 1.545-4.405 2.074-7.085 0.242-2.678-1.834-3.786-5.553-2.196-8.135" fill="#000000" p-id="4050"></path><path d="M504.33261 584.495h-0.967c-63.568 0.752-140.646-7.504-215.286-21.92-6.391 36.262-10.25 81.838-6.936 136.196 8.37 137.384 91.62 223.736 220.118 224.996H506.48461c128.498-1.26 211.748-87.612 220.12-224.996 3.314-54.362-0.547-99.938-6.94-136.203-74.654 14.423-151.745 22.684-215.332 21.927" fill="#FFFFFF" p-id="4051"></path><path d="M323.27461 577.016v137.468s64.957 12.705 130.031 3.91V591.59c-41.225-2.262-85.688-7.304-130.031-14.574" fill="#EB1C26" p-id="4052"></path><path d="M788.09761 432.536s-121.98 40.387-283.743 41.539h-0.962c-161.497-1.147-283.328-41.401-283.744-41.539l-40.854 106.952c102.186 32.31 228.837 53.135 324.598 51.926l0.96-0.002c95.768 1.216 222.4-19.61 324.6-51.924l-40.855-106.952z" fill="#EB1C26" p-id="4053"></path></svg>
                    <div style="margin-left: 10px;display: flex;">官方QQ群号(雨情生活智小库): 344879868</div>
                </div>
                <br/><br/>
                {notempty name="Think.config.web_site_logo"}
<!--                <img style="width: 70%; max-width: 300px;" src="{$Think.config.web_site_logo|get_file_path}" class="logo" alt="{$Think.config.web_site_title|default='Dolphin PHP'}">-->
                {/notempty}
            </div>
            {if !stristr($document['flag'],'j')}
            <div class="yincang" style="text-align: center;">
                <div style="display: flex; width: 100%; align-items: center;justify-content: center;">
                    <svg t="1633995390512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1563" width="30" height="30"><path d="M395.846 603.585c-3.921 1.98-7.936 2.925-12.81 2.925-10.9 0-19.791-5.85-24.764-14.625l-2.006-3.864-78.106-167.913c-0.956-1.98-0.956-3.865-0.956-5.845 0-7.83 5.928-13.68 13.863-13.68 2.965 0 5.928 0.944 8.893 2.924l91.965 64.43c6.884 3.864 14.82 6.79 23.708 6.79 4.972 0 9.85-0.945 14.822-2.926L861.71 282.479c-77.149-89.804-204.684-148.384-349.135-148.384-235.371 0-427.242 157.158-427.242 351.294 0 105.368 57.361 201.017 147.323 265.447 6.88 4.905 11.852 13.68 11.852 22.45 0 2.925-0.957 5.85-2.006 8.775-6.881 26.318-18.831 69.334-18.831 71.223-0.958 2.92-2.013 6.79-2.013 10.75 0 7.83 5.929 13.68 13.865 13.68 2.963 0 5.928-0.944 7.935-2.925l92.922-53.674c6.885-3.87 14.82-6.794 22.756-6.794 3.916 0 8.889 0.944 12.81 1.98 43.496 12.644 91.012 19.53 139.48 19.53 235.372 0 427.24-157.158 427.24-351.294 0-58.58-17.78-114.143-48.467-163.003l-491.39 280.07-2.963 1.98z" fill="#09BB07" p-id="1564"></path></svg>
                    <div style="margin-left: 10px;display: flex;">如果觉得文章还不错,请打赏我吧!!<div style="font-size: 12px;">1</div></div>
                </div>

                <img style="width: 70%; max-width: 300px;" src="/static/img/shoukuan.jpeg" class="shoukuan" alt="收款码">

            </div>
            {/if}
            {if stristr($document['flag'],'j')}
            <div class="yincang" style="text-align: center;">
                <div style="display: flex; width: 100%; align-items: center;justify-content: center;">
                    <svg t="1633995390512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1563" width="30" height="30"><path d="M395.846 603.585c-3.921 1.98-7.936 2.925-12.81 2.925-10.9 0-19.791-5.85-24.764-14.625l-2.006-3.864-78.106-167.913c-0.956-1.98-0.956-3.865-0.956-5.845 0-7.83 5.928-13.68 13.863-13.68 2.965 0 5.928 0.944 8.893 2.924l91.965 64.43c6.884 3.864 14.82 6.79 23.708 6.79 4.972 0 9.85-0.945 14.822-2.926L861.71 282.479c-77.149-89.804-204.684-148.384-349.135-148.384-235.371 0-427.242 157.158-427.242 351.294 0 105.368 57.361 201.017 147.323 265.447 6.88 4.905 11.852 13.68 11.852 22.45 0 2.925-0.957 5.85-2.006 8.775-6.881 26.318-18.831 69.334-18.831 71.223-0.958 2.92-2.013 6.79-2.013 10.75 0 7.83 5.929 13.68 13.865 13.68 2.963 0 5.928-0.944 7.935-2.925l92.922-53.674c6.885-3.87 14.82-6.794 22.756-6.794 3.916 0 8.889 0.944 12.81 1.98 43.496 12.644 91.012 19.53 139.48 19.53 235.372 0 427.24-157.158 427.24-351.294 0-58.58-17.78-114.143-48.467-163.003l-491.39 280.07-2.963 1.98z" fill="#09BB07" p-id="1564"></path></svg>
                    <div style="margin-left: 10px;display: flex;">如果觉得文章还不错,请打赏作者吧!!<div style="font-size: 12px;">1</div></div>
                </div>

                <img style="width: 200px;" src="/{$document.picture}" class="shoukuan" alt="收款码">

            </div>
            {/if}


            <p class="yincang" style="background-color: #f5f5f7; font-size: 12px;box-sizing: border-box;padding: 10px;">
                1.若显示"请打赏作者吧"时候,是为作者可以接受打赏.若显示"请打赏我吧"时候,是为作者不接受打赏或文章本身是站长文章.<br>
            </p>
        </div>
        <style>
            .yincang{
                /*display: none;*/
            }
        </style>

    </article>
</div>
<style>
    .row{
        position: relative;
    }
    .bottom0{
        position:absolute; right: 0;
    }
</style>
<div id="rightlist" class="col-sm-4 bottomall">
    <aside class="col-sm-12 sidebar" style="float: bottom;">
        <div class="widget">
            <h3 class="title"><a name="help_each_other"></a>最新文章</h3>
            <div class="content community">
                {volist name="new" id="vn"}

                <p>
                    <a href="{:url('cms/document/detail')}?id={$vn.id}">{$vn.title}</a>...({$vn.view})
                </p>
                {/volist}
            </div>
        </div>
    </aside>
    <aside class="col-sm-12 sidebar">
        <div class="widget">
            <h3 class="title"><a name="help_each_other"></a>一月内阅读排行</h3>
            <div class="content community">
                {volist name="oneweek" id="v"}

                <p>
                    <a href="{:url('cms/document/detail')}?id={$v.id}">{$v.title}</a>...({$v.view})
                </p>
                {/volist}
            </div>
        </div>
    </aside>
    <aside class="col-sm-12 sidebar">
        <div class="widget">
            <h3 class="title"><a name="help_each_other"></a>随便看看</h3>
            <div class="content community">
                {volist name="rand2" id="vn"}

                <p>
                    <a href="{:url('cms/document/detail')}?id={$vn.id}">{$vn.title}</a>...({$vn.view})
                </p>
                {/volist}
            </div>
        </div>
    </aside>
</div>
{php}
    if(!isMobile2()){
{/php}
<script>
    //左侧正文高度
    const heightleft=$("#leftzw").height()
    //右侧边栏高度
    const heightright=$(".bottomall").height()
    //右侧边栏到顶部距离
    const topjuli=$(".bottomall").offset().top
    var topp
    // 监听事件
    window.addEventListener('scroll', function() {
        let t = $('body, html').scrollTop();   // 目前监听的是整个body的滚动条距离

        let jldbjl=t-topjuli+55

        let maxjl=heightleft-heightright
        if(maxjl<0){
            maxjl=0
        }
        console.log(t)
        console.log(jldbjl)
        if(jldbjl<=0){
            topp=0
        }else {
            if(jldbjl>0){
                topp=jldbjl
            }
            if(jldbjl>maxjl){
                topp=maxjl
            }
        }

        $('.bottomall').css({'top':topp})
    })
</script>
{php} } {/php}
{/block}
